<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"><head>



  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Hackystat ProjectBrowser</title>
  <link href="Hackystat%20ProjectBrowser_files/screen.html" rel="stylesheet" type="text/css" media="screen" charset="utf-8">
  <link href="Hackystat%20ProjectBrowser_files/print.html" rel="stylesheet" type="text/css" media="print" charset="utf-8">
 
<link rel="stylesheet" type="text/css" href="Hackystat%20ProjectBrowser_files/screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="Hackystat%20ProjectBrowser_files/print.css" media="print">

<link rel="stylesheet" type="text/css" href="yui/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="yui/build/tabview/assets/skins/sam/tabview.css" />
<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="yui/build/element/element-beta-min.js"></script>
<script type="text/javascript" src="yui/build/tabview/tabview-min.js"></script>

<link rel="stylesheet" type="text/css" href="yui/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="yui/build/slider/assets/skins/sam/slider.css" />
<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="yui/build/animation/animation-min.js"></script>
<script type="text/javascript" src="yui/build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="yui/build/slider/slider-min.js"></script>

<!--begin custom header content for this example-->
<style type="text/css">
#slider-bg {
    background:url(yui/build/slider/assets/bg-fader.gif) 5px 0 no-repeat;
}
</style>

</head>
<body style="margin:10px" class="yui-skin-sam">
<h2><img src="Hackystat%20ProjectBrowser_files/hackystat.gif"></h2>
<div id="demo" class="yui-navset">
    <ul class="yui-nav">
        <li class="selected"><a href="#tab1"><em>Sensor Data</em></a></li>
        <li><a href="#tab2"><em>Projects</em></a></li>
        <li><a href="#tab3"><em>Daily Project Data</em></a></li>
        <li><a href="#tab4"><em>Telemetry</em></a></li>
        <li><a href="#tab5"><em>Portfolio</em></a></li>
        <li><a href="#tab6"><em>Trajectory</em></a></li>
        <li><a href="#tab7"><em>Devcathlon</em></a></li>
    </ul>            
    <div class="yui-content">
<div id="tab1"><p></p>
  <div id="body" class="wrapper">
    
    <h3>Sensor Data Display</h3>
    <div id="div-left">
      <form action="?wicket:interface=:1:sensorDataForm:4:IFormSubmitListener::" method="post" id="id2"><div style="display: none;"><input name="id2_hf_0" id="id2_hf_0" type="hidden"></div>
        <table>
          <tbody><tr><td><label>Date:</label> <br> <span>
                                  <select name="monthMenu">
<option value="0">Jan</option>
<option selected="selected" value="1">Feb</option>
<option value="2">Mar</option>
<option value="3">Apr</option>
<option value="4">May</option>
<option value="5">Jun</option>
<option value="6">Jul</option>
<option value="7">Aug</option>
<option value="8">Sep</option>
<option value="9">Oct</option>
<option value="10">Nov</option>
<option value="11">Dec</option>
</select>
                                  <select name="yearMenu">
<option value="0">2004</option>
<option value="1">2005</option>
<option value="2">2006</option>
<option value="3">2007</option>
<option value="4">2008</option>
<option selected="selected" value="5">2009</option>
</select>
                                </span>  
                             </td></tr>
          <tr><td><label>Project:</label>  <br> <select style="width: 10em;" name="projectMenu">
<option value="0">Default</option>
<option value="1">mockup3</option>
<option selected="selected" value="2">mockup6</option>
<option value="3">stack-johnson</option>
</select>
                          </td></tr>
          <tr><td style="text-align: center;"><input value="submit" type="submit"></td></tr>
         </tbody></table>
      </form>
      
    </div>

    <div id="div-right">
      <div>
    <table width="" cellspacing="0">

<thead>
	
		
	<tr class="headers">
		
			<th><span>Day</span></th>
		
			<th><span>Total</span></th>
		
	</tr>

	
</thead>


<tbody>
	<tr>
		<td>
			<span>Sun, Feb 1 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Mon, Feb 2 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Tue, Feb 3 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Wed, Feb 4 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Thu, Feb 5 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Fri, Feb 6 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sat, Feb 7 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sun, Feb 8 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Mon, Feb 9 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Tue, Feb 10 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Wed, Feb 11 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Thu, Feb 12 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Fri, Feb 13 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sat, Feb 14 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sun, Feb 15 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Mon, Feb 16 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Tue, Feb 17 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Wed, Feb 18 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Thu, Feb 19 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Fri, Feb 20 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sat, Feb 21 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sun, Feb 22 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Mon, Feb 23 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Tue, Feb 24 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Wed, Feb 25 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Thu, Feb 26 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Fri, Feb 27 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sat, Feb 28 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Sun, Mar 1 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr><tr>
		<td>
			<span>Mon, Mar 2 2009</span>
		</td><td>
			<span>0</span>
		</td>
	</tr>
</tbody>
</table>
  </div>
    </div>
    </div>

</div>
        <div id="tab2"><p></p>
  <div id="body" class="wrapper">
    
    <h3>Project Management</h3>
    <form action="?wicket:interface=:12:projectsForm::IFormSubmitListener::" method="post" id="idc8"><div style="display: none;"><input name="idc8_hf_0" id="idc8_hf_0" type="hidden"></div>
          
      <div>
    <div class="hform" id="idc9">
      <input value="new" style="width: 5em;" name="projListPanel:projListForm:newButton" id="idca" type="submit">
      <table>
        <tbody><tr>
          <th>Action</th>
          <th>Name</th>
          <th>Owner</th>
          <th>Description</th>
          <th>Start/Stop</th>
          <th>Members(M),Invitees(I),Spectators(S)</th>
          <th>URI Patterns</th>
          <th>Properties</th>
        </tr>
        <tr>
          <td style="width: 6em;">
            
            
            
            
            
            <input value="clear cache" style="width: 7em;" name="projListPanel:projListForm:projectTable:0:clearCacheButton" id="idcb" type="submit">
          </td>
          <td>Default</td>
          <td><b>jnancheta@gmail.com</b></td>
          <td style="width: 12em;">The default Project</td>
          <td><p>2000-01-01<br>2010-01-01</p></td> 
          <td style="vertical-align: top;">
            
            <div><p></p></div>
          </td>
          <td><p>*<br>**</p></td> 
          <td><p></p></td>
        </tr><tr>
          <td style="width: 6em;">
            <input value="edit" style="width: 7em;" name="projListPanel:projListForm:projectTable:1:editButton" id="idcc" type="submit">
            <input value="rename" style="width: 7em;" name="projListPanel:projListForm:projectTable:1:renameButton" id="idcd" type="submit">
            <input value="delete" style="width: 7em;" name="projListPanel:projListForm:projectTable:1:deleteButton" id="idce" type="submit">
            
            
            <input value="clear cache" style="width: 7em;" name="projListPanel:projListForm:projectTable:1:clearCacheButton" id="idcf" type="submit">
          </td>
          <td>mockup3</td>
          <td><b>jnancheta@gmail.com</b></td>
          <td style="width: 12em;">UI mockup3 project for devcathlon</td>
          <td><p>2009-01-21<br>2009-01-26</p></td> 
          <td style="vertical-align: top;">
            
            <div><p>robinraqueno@gmail.com (m)<br>scheller.sanchez@gmail.com (m)</p><p></p></div>
          </td>
          <td><p>*/mockup3/*</p></td> 
          <td><p></p></td>
        </tr><tr>
          <td style="width: 6em;">
            <input value="edit" style="width: 7em;" name="projListPanel:projListForm:projectTable:2:editButton" id="idd0" type="submit">
            <input value="rename" style="width: 7em;" name="projListPanel:projListForm:projectTable:2:renameButton" id="idd1" type="submit">
            <input value="delete" style="width: 7em;" name="projListPanel:projListForm:projectTable:2:deleteButton" id="idd2" type="submit">
            
            
            <input value="clear cache" style="width: 7em;" name="projListPanel:projListForm:projectTable:2:clearCacheButton" id="idd3" type="submit">
          </td>
          <td>mockup6</td>
          <td><b>jnancheta@gmail.com</b></td>
          <td style="width: 12em;">UI mockup6 project for devcathlon</td>
          <td><p>2009-01-28<br>2009-02-04</p></td> 
          <td style="vertical-align: top;">
            
            <div><p>dan.m.arakaki@gmail.com (m)<br>phillipkhlau@gmail.com (m)</p><p></p></div>
          </td>
          <td><p>*/mockup6/*</p></td> 
          <td><p></p></td>
        </tr><tr>
          <td style="width: 6em;">
            
            
            
            
            
            <input value="clear cache" style="width: 7em;" name="projListPanel:projListForm:projectTable:3:clearCacheButton" id="idd4" type="submit">
          </td>
          <td>stack-johnson</td>
          <td>philipmjohnson@gmail.com</td>
          <td style="width: 12em;">Sample project for ICS 413</td>
          <td><p>2008-10-01<br>2009-11-02</p></td> 
          <td style="vertical-align: top;">
            <select multiple="multiple" disabled="disabled" style="font-size: 1em; width: 21em; color: rgb(51, 102, 204);" size="5" name="projListPanel:projListForm:projectTable:3:projectMembers">
<option value="0">hackystat.hudson@gmail.com (M)</option>
<option value="1">johnson@hawaii.edu (M)</option>
<option value="2">jnancheta@gmail.com (S)</option>
<option value="3">dan.m.arakaki@gmail.com (S)</option>
<option value="4">anthony.m.du@gmail.com (S)</option>
<option value="5">marileeflestado@gmail.com (S)</option>
<option value="6">jeh.jung@gmail.com (S)</option>
<option value="7">yasu.kaneshige@gmail.com (S)</option>
<option value="8">erinjuneilkim@gmail.com (S)</option>
<option value="9">phillipkhlau@gmail.com (S)</option>
<option value="10">vincent.m.l.leung@gmail.com (S)</option>
<option value="11">john.cz.ly@gmail.com (S)</option>
<option value="12">creightonokada@gmail.com (S)</option>
<option value="13">atshum@gmail.com (S)</option>
<option value="14">robinraqueno@gmail.com (S)</option>
<option value="15">ronn.reeves@gmail.com (S)</option>
<option value="16">scheller.sanchez@gmail.com (S)</option>
<option value="17">daniel.f.tian@gmail.com (S)</option>
<option value="18">aricwest@gmail.com (S)</option>
<option value="19">tylerwolff@gmail.com (S)</option>
<option value="20">john.km.zhou@gmail.com (S)</option>
</select>
            
          </td>
          <td><p>*/stack-johnson/*<br>*/stack-johnson-dailybuild/*</p></td> 
          <td><p></p></td>
        </tr>
      </tbody></table>  
    </div>
  </div>    
</div>
</div>
        <div id="tab3"><p></p>
  <div id="body" class="wrapper">
    
    <h3>Daily Project Data Analysis</h3>
    <div id="div-left">
      <span>
    <form action="?wicket:interface=:13:dpdInputPanel:dpdInputForm:2:IFormSubmitListener::" class="hform" method="post" id="idd6"><div style="display: none;"><input name="idd6_hf_0" id="idd6_hf_0" type="hidden"></div>
        <p><label>Date:</label> <br> <input value="2009-02-02" style="width: 6em;" name="dateTextField" id="idd5" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="idd5Dp"><div class="title">&nbsp;</div><table class="yui-calendar y2009" id="idd5DpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
February 2009
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m2 calbody">
<tr class="w5">
<td id="idd5DpJs_cell0" class="calcell wd0 d1 selectable calcelltop calcellleft"><a href="#" class="selector">1</a></td>
<td id="idd5DpJs_cell1" class="calcell wd1 d2 selected selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="idd5DpJs_cell2" class="calcell wd2 d3 today selectable calcelltop"><a href="#" class="selector">3</a></td>
<td id="idd5DpJs_cell3" class="calcell wd3 d4 selectable calcelltop"><a href="#" class="selector">4</a></td>
<td id="idd5DpJs_cell4" class="calcell wd4 d5 selectable calcelltop"><a href="#" class="selector">5</a></td>
<td id="idd5DpJs_cell5" class="calcell wd5 d6 selectable calcelltop"><a href="#" class="selector">6</a></td>
<td id="idd5DpJs_cell6" class="calcell wd6 d7 selectable calcelltop calcellright"><a href="#" class="selector">7</a></td>
</tr>
<tr class="w6">
<td id="idd5DpJs_cell7" class="calcell wd0 d8 selectable calcellleft"><a href="#" class="selector">8</a></td>
<td id="idd5DpJs_cell8" class="calcell wd1 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="idd5DpJs_cell9" class="calcell wd2 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="idd5DpJs_cell10" class="calcell wd3 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="idd5DpJs_cell11" class="calcell wd4 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="idd5DpJs_cell12" class="calcell wd5 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="idd5DpJs_cell13" class="calcell wd6 d14 selectable calcellright"><a href="#" class="selector">14</a></td>
</tr>
<tr class="w7">
<td id="idd5DpJs_cell14" class="calcell wd0 d15 selectable calcellleft"><a href="#" class="selector">15</a></td>
<td id="idd5DpJs_cell15" class="calcell wd1 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="idd5DpJs_cell16" class="calcell wd2 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="idd5DpJs_cell17" class="calcell wd3 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="idd5DpJs_cell18" class="calcell wd4 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="idd5DpJs_cell19" class="calcell wd5 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="idd5DpJs_cell20" class="calcell wd6 d21 selectable calcellright"><a href="#" class="selector">21</a></td>
</tr>
<tr class="w8">
<td id="idd5DpJs_cell21" class="calcell wd0 d22 selectable calcellleft"><a href="#" class="selector">22</a></td>
<td id="idd5DpJs_cell22" class="calcell wd1 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="idd5DpJs_cell23" class="calcell wd2 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="idd5DpJs_cell24" class="calcell wd3 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="idd5DpJs_cell25" class="calcell wd4 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="idd5DpJs_cell26" class="calcell wd5 d27 selectable"><a href="#" class="selector">27</a></td>
<td id="idd5DpJs_cell27" class="calcell wd6 d28 selectable calcellright"><a href="#" class="selector">28</a></td>
</tr>
<tr class="w9">
<td id="idd5DpJs_cell28" class="calcell oom calcellleft">1</td>
<td id="idd5DpJs_cell29" class="calcell oom">2</td>
<td id="idd5DpJs_cell30" class="calcell oom">3</td>
<td id="idd5DpJs_cell31" class="calcell oom">4</td>
<td id="idd5DpJs_cell32" class="calcell oom">5</td>
<td id="idd5DpJs_cell33" class="calcell oom">6</td>
<td id="idd5DpJs_cell34" class="calcell oom calcellright">7</td>
</tr>
<tr class="w10">
<td id="idd5DpJs_cell35" class="calcell oom calcellleft calcellbottom">8</td>
<td id="idd5DpJs_cell36" class="calcell oom calcellbottom">9</td>
<td id="idd5DpJs_cell37" class="calcell oom calcellbottom">10</td>
<td id="idd5DpJs_cell38" class="calcell oom calcellbottom">11</td>
<td id="idd5DpJs_cell39" class="calcell oom calcellbottom">12</td>
<td id="idd5DpJs_cell40" class="calcell oom calcellbottom">13</td>
<td id="idd5DpJs_cell41" class="calcell oom calcellright calcellbottom">14</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="idd5Icon" src="dailyprojectdata_files/icon1.gif" alt=""></span></p>
        <p><label>Project:</label> <br> 
            </p><div id="project_checkboxes">
              <span><input name="projectMenu" value="0" id="projectMenu_0" type="checkbox"><label for="projectMenu_0">Default</label><br>
<input name="projectMenu" value="1" id="projectMenu_1" type="checkbox"><label for="projectMenu_1">mockup3</label><br>
<input name="projectMenu" checked="checked" value="2" id="projectMenu_2" type="checkbox"><label for="projectMenu_2">mockup6</label><br>
<input name="projectMenu" value="3" id="projectMenu_3" type="checkbox"><label for="projectMenu_3">stack-johnson</label><br>
</span>
            </div> 
        <p><label>Analysis:</label> <br> <select style="width: 10em;" name="analysisMenu" onchange="var wcall=wicketAjaxPost('?wicket:interface=:13:dpdInputPanel:dpdInputForm:analysisMenu:2:IBehaviorListener:0:', wicketSerialize(Wicket.$('idd7')),null,null, function() {return Wicket.$('idd7') != null;}.bind(this));" id="idd7">
<option value="0">Build</option>
<option value="1">Commit</option>
<option value="2">Coupling</option>
<option value="3">Coverage</option>
<option value="4">Complexity</option>
<option selected="selected" value="5">DevTime</option>
<option value="6">FileMetric</option>
<option value="7">UnitTest</option>
</select> </p>
        <span id="idd8">
   <div>
   <label id="ide5" style="display: none;"></label> <br>
   <select id="ide6" style="display: none;"></select>
   </div><div>
   <label id="ide7" style="display: none;"></label> <br>
   <select id="ide8" style="display: none;"></select>
   </div><div>
   <label id="ide9" style="display: none;"></label> <br>
   <select id="idea" style="display: none;"></select>
   </div>
</span>
      
         <p><input value="Submit" class="button" type="submit"></p>
        <div id="feedback"><span>
  
</span></div>
      </form>
  </span>
     </div>

     <div id="div-right">
       <span style="color: red;"><p></p></span>
       <span>
    <h3>DevTime in minutes for each project member </h3>
    <table>
      <tbody><tr>
        <th>Project</th>
        <th>DevTime(s)</th>
        <th>Total</th>
      </tr>
      <tr>
        <td>mockup6</td>
        <td>
          <span>dan.m.arakaki@gmail.com(60) </span>
        </td>
        <td>60</td>
      </tr>
    </tbody></table>
    <p>

The goal of this analysis is to provide a perspective on the amount of developer "DevTime" 
associated with one or more projects.  Each row shows, for a given project, the total 
DevTime along with the breakdown of DevTime per developer for that day. 
</p>

<p>
DevTime is an imperfect proxy for developer "effort".  It works in the following way. For 
tools such as IDEs like Eclipse, developer activities within the tool generates "DevEvent" 
instances, which basically indicate that at the given timestamp, the developer was interacting
with the tool.  A tool such as Eclipse can generates dozens of DevEvent instances per hour
under typical usage.      
</p>

<p>
The DevTime metric is computed from the raw DevEvent sensor data in the following way.  Each day
is divided into 288 five minute intervals (from 12:00 midnight to 12:04:59.999am, 
12:05am to 12:09:59.999am, etc.)   If there is at least one DevEvent within a given five minute
interval, then the developer gets DevTime for all five minutes within that interval.  Thus, 
DevTime is always a multiple of 5.   
</p>

<p>
DevTime is an imperfect measure of developer effort because it does not take into account 
developer activities done away from instrumented tools.  For example, time in meetings, 
time spent on the phone, or time thinking about the project in the shower does not count
as DevTime.
</p>  

  </span>
     </div>
</div>
</div>
        <div id="tab4"><p></p>
  <div id="body" class="wrapper">
    
      <h3> Telemetry Analysis</h3>
      <span>
  
</span>
      <div id="div-left">
        <span id="ided">
    <div style="display: none;"></div><div style="display: none;"></div><table>
    <form action="?wicket:interface=:14:inputPanel:inputForm::IFormSubmitListener::" method="post" id="idee"></form><input name="idee_hf_0" id="idee_hf_0" type="hidden">
        <tbody><tr>
          <td colspan="2">
          <label>From Date:</label> <br>
            <input value="2009-01-27" class="datefield" name="startDateTextField" id="ideb" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="idebDp"><div class="title">&nbsp;</div><table class="yui-calendar y2009" id="idebDpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
January 2009
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m1 calbody">
<tr class="w0">
<td id="idebDpJs_cell0" class="calcell oom calcelltop calcellleft">28</td>
<td id="idebDpJs_cell1" class="calcell oom calcelltop">29</td>
<td id="idebDpJs_cell2" class="calcell oom calcelltop">30</td>
<td id="idebDpJs_cell3" class="calcell oom calcelltop">31</td>
<td id="idebDpJs_cell4" class="calcell wd4 d1 selectable calcelltop"><a href="#" class="selector">1</a></td>
<td id="idebDpJs_cell5" class="calcell wd5 d2 selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="idebDpJs_cell6" class="calcell wd6 d3 selectable calcelltop calcellright"><a href="#" class="selector">3</a></td>
</tr>
<tr class="w1">
<td id="idebDpJs_cell7" class="calcell wd0 d4 selectable calcellleft"><a href="#" class="selector">4</a></td>
<td id="idebDpJs_cell8" class="calcell wd1 d5 selectable"><a href="#" class="selector">5</a></td>
<td id="idebDpJs_cell9" class="calcell wd2 d6 selectable"><a href="#" class="selector">6</a></td>
<td id="idebDpJs_cell10" class="calcell wd3 d7 selectable"><a href="#" class="selector">7</a></td>
<td id="idebDpJs_cell11" class="calcell wd4 d8 selectable"><a href="#" class="selector">8</a></td>
<td id="idebDpJs_cell12" class="calcell wd5 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="idebDpJs_cell13" class="calcell wd6 d10 selectable calcellright"><a href="#" class="selector">10</a></td>
</tr>
<tr class="w2">
<td id="idebDpJs_cell14" class="calcell wd0 d11 selectable calcellleft"><a href="#" class="selector">11</a></td>
<td id="idebDpJs_cell15" class="calcell wd1 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="idebDpJs_cell16" class="calcell wd2 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="idebDpJs_cell17" class="calcell wd3 d14 selectable"><a href="#" class="selector">14</a></td>
<td id="idebDpJs_cell18" class="calcell wd4 d15 selectable"><a href="#" class="selector">15</a></td>
<td id="idebDpJs_cell19" class="calcell wd5 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="idebDpJs_cell20" class="calcell wd6 d17 selectable calcellright"><a href="#" class="selector">17</a></td>
</tr>
<tr class="w3">
<td id="idebDpJs_cell21" class="calcell wd0 d18 selectable calcellleft"><a href="#" class="selector">18</a></td>
<td id="idebDpJs_cell22" class="calcell wd1 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="idebDpJs_cell23" class="calcell wd2 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="idebDpJs_cell24" class="calcell wd3 d21 selectable"><a href="#" class="selector">21</a></td>
<td id="idebDpJs_cell25" class="calcell wd4 d22 selectable"><a href="#" class="selector">22</a></td>
<td id="idebDpJs_cell26" class="calcell wd5 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="idebDpJs_cell27" class="calcell wd6 d24 selectable calcellright"><a href="#" class="selector">24</a></td>
</tr>
<tr class="w4">
<td id="idebDpJs_cell28" class="calcell wd0 d25 selectable calcellleft"><a href="#" class="selector">25</a></td>
<td id="idebDpJs_cell29" class="calcell wd1 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="idebDpJs_cell30" class="calcell wd2 d27 selected selectable"><a href="#" class="selector">27</a></td>
<td id="idebDpJs_cell31" class="calcell wd3 d28 selectable"><a href="#" class="selector">28</a></td>
<td id="idebDpJs_cell32" class="calcell wd4 d29 selectable"><a href="#" class="selector">29</a></td>
<td id="idebDpJs_cell33" class="calcell wd5 d30 selectable"><a href="#" class="selector">30</a></td>
<td id="idebDpJs_cell34" class="calcell wd6 d31 selectable calcellright"><a href="#" class="selector">31</a></td>
</tr>
<tr class="w5">
<td id="idebDpJs_cell35" class="calcell oom calcellleft calcellbottom">1</td>
<td id="idebDpJs_cell36" class="calcell oom calcellbottom">2</td>
<td id="idebDpJs_cell37" class="calcell today oom calcellbottom">3</td>
<td id="idebDpJs_cell38" class="calcell oom calcellbottom">4</td>
<td id="idebDpJs_cell39" class="calcell oom calcellbottom">5</td>
<td id="idebDpJs_cell40" class="calcell oom calcellbottom">6</td>
<td id="idebDpJs_cell41" class="calcell oom calcellright calcellbottom">7</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="idebIcon" src="telemetry_files/icon1.gif" alt=""></span>
          </td>
        </tr>
        <tr>
          <td colspan="2">
          <label>To Date:</label> <br>
            <input value="2009-02-02" class="datefield" name="endDateTextField" id="idec" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="idecDp"><div class="title">&nbsp;</div><table class="yui-calendar y2009" id="idecDpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
February 2009
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m2 calbody">
<tr class="w5">
<td id="idecDpJs_cell0" class="calcell wd0 d1 selectable calcelltop calcellleft"><a href="#" class="selector">1</a></td>
<td id="idecDpJs_cell1" class="calcell wd1 d2 selected selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="idecDpJs_cell2" class="calcell wd2 d3 today selectable calcelltop"><a href="#" class="selector">3</a></td>
<td id="idecDpJs_cell3" class="calcell wd3 d4 selectable calcelltop"><a href="#" class="selector">4</a></td>
<td id="idecDpJs_cell4" class="calcell wd4 d5 selectable calcelltop"><a href="#" class="selector">5</a></td>
<td id="idecDpJs_cell5" class="calcell wd5 d6 selectable calcelltop"><a href="#" class="selector">6</a></td>
<td id="idecDpJs_cell6" class="calcell wd6 d7 selectable calcelltop calcellright"><a href="#" class="selector">7</a></td>
</tr>
<tr class="w6">
<td id="idecDpJs_cell7" class="calcell wd0 d8 selectable calcellleft"><a href="#" class="selector">8</a></td>
<td id="idecDpJs_cell8" class="calcell wd1 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="idecDpJs_cell9" class="calcell wd2 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="idecDpJs_cell10" class="calcell wd3 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="idecDpJs_cell11" class="calcell wd4 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="idecDpJs_cell12" class="calcell wd5 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="idecDpJs_cell13" class="calcell wd6 d14 selectable calcellright"><a href="#" class="selector">14</a></td>
</tr>
<tr class="w7">
<td id="idecDpJs_cell14" class="calcell wd0 d15 selectable calcellleft"><a href="#" class="selector">15</a></td>
<td id="idecDpJs_cell15" class="calcell wd1 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="idecDpJs_cell16" class="calcell wd2 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="idecDpJs_cell17" class="calcell wd3 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="idecDpJs_cell18" class="calcell wd4 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="idecDpJs_cell19" class="calcell wd5 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="idecDpJs_cell20" class="calcell wd6 d21 selectable calcellright"><a href="#" class="selector">21</a></td>
</tr>
<tr class="w8">
<td id="idecDpJs_cell21" class="calcell wd0 d22 selectable calcellleft"><a href="#" class="selector">22</a></td>
<td id="idecDpJs_cell22" class="calcell wd1 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="idecDpJs_cell23" class="calcell wd2 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="idecDpJs_cell24" class="calcell wd3 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="idecDpJs_cell25" class="calcell wd4 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="idecDpJs_cell26" class="calcell wd5 d27 selectable"><a href="#" class="selector">27</a></td>
<td id="idecDpJs_cell27" class="calcell wd6 d28 selectable calcellright"><a href="#" class="selector">28</a></td>
</tr>
<tr class="w9">
<td id="idecDpJs_cell28" class="calcell oom calcellleft">1</td>
<td id="idecDpJs_cell29" class="calcell oom">2</td>
<td id="idecDpJs_cell30" class="calcell oom">3</td>
<td id="idecDpJs_cell31" class="calcell oom">4</td>
<td id="idecDpJs_cell32" class="calcell oom">5</td>
<td id="idecDpJs_cell33" class="calcell oom">6</td>
<td id="idecDpJs_cell34" class="calcell oom calcellright">7</td>
</tr>
<tr class="w10">
<td id="idecDpJs_cell35" class="calcell oom calcellleft calcellbottom">8</td>
<td id="idecDpJs_cell36" class="calcell oom calcellbottom">9</td>
<td id="idecDpJs_cell37" class="calcell oom calcellbottom">10</td>
<td id="idecDpJs_cell38" class="calcell oom calcellbottom">11</td>
<td id="idecDpJs_cell39" class="calcell oom calcellbottom">12</td>
<td id="idecDpJs_cell40" class="calcell oom calcellbottom">13</td>
<td id="idecDpJs_cell41" class="calcell oom calcellright calcellbottom">14</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="idecIcon" src="telemetry_files/icon1.gif" alt=""></span>
          </td>
        </tr>
        <tr>
          <td colspan="2">
          <label>Granularity:</label> <br>
            <select style="width: 8em;" name="granularity">
<option selected="selected" value="0">Day</option>
<option value="1">Week</option>
<option value="2">Month</option>
</select>
          </td>
        </tr>
        <tr>
          <td colspan="2">
          <label>Project(s):</label> <br>
            <div id="project_checkboxes">
              <span><input name="projectMenu" value="0" id="projectMenu_0" type="checkbox"><label for="projectMenu_0">Default</label><br>
<input name="projectMenu" value="1" id="projectMenu_1" type="checkbox"><label for="projectMenu_1">mockup3</label><br>
<input name="projectMenu" value="2" id="projectMenu_2" type="checkbox"><label for="projectMenu_2">mockup6</label><br>
<input name="projectMenu" value="3" id="projectMenu_3" type="checkbox"><label for="projectMenu_3">stack-johnson</label><br>
</span>
            </div>
          </td>
        </tr>
        <tr>
          <td>
            <label>Chart:</label> <br>
            <select style="width: 8em;" name="telemetryMenu" onchange="document.getElementById('idee_hf_0').value='?wicket:interface=:14:inputPanel:inputForm:telemetryMenu::IOnChangeListener::';document.getElementById('idee').submit();">
<option value="0">Build</option>
<option value="1">BuildSuccessPercentage</option>
<option value="2">Churn</option>
<option value="3">CodeIssue</option>
<option value="4">Commit</option>
<option value="5">Coupling</option>
<option value="6">Coverage</option>
<option value="7">CyclomaticComplexity</option>
<option value="8">DevTime</option>
<option value="9">FileMetric</option>
<option value="10">MemberBuild</option>
<option value="11">MemberChurn</option>
<option value="12">MemberCommit</option>
<option selected="selected" value="13">MemberDevTime</option>
<option value="14">MemberTrends</option>
<option value="15">MemberUnitTest</option>
<option value="16">ProductDevTrends</option>
<option value="17">ProductQATrends</option>
<option value="18">Test-Coverage-CodeIssues-Builds</option>
<option value="19">UberChart</option>
<option value="20">UnitTest</option>
<option value="21">UnitTestSuccessPercentage</option>
</select>
          </td>
          <td valign="middle" align="center">
    <div style="display: none;" id="idef">
	<div id="idf0" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:14:inputPanel:inputForm:chartDefPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('idf1') != null;}.bind(this));return !wcall;" id="idf1"><b></b><img src="telemetry_files/question.gif"></a>
</td>
      </tr>
        <tr>
          <td>
            <label><span>cumulative</span>:</label> <br>
            <input checked="checked" name="parameterList:0:field" type="checkbox">
          </td>
          <td>
    <div style="display: none;" id="idf2">
	<div id="idf3" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:14:inputPanel:inputForm:parameterList:0:parameterPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('idf4') != null;}.bind(this));return !wcall;" id="idf4"><b></b><img src="telemetry_files/question.gif"></a>
</td>
        </tr>
        <tr>
          <td colspan="2" style="text-align: center;">
            <input value="Display Telemetry" name=":submit" id="idf5" type="submit">
          </td>
        </tr>
    
    <form action="?wicket:interface=:14:inputPanel:cancelForm::IFormSubmitListener::" method="post" id="idf6"></form><input name="idf6_hf_0" id="idf6_hf_0" type="hidden">
        <tr>
          <td colspan="2" style="text-align: center;">
            <input value="Cancel" disabled="disabled" name="cancel" id="idf7" type="submit">
          </td>
        </tr>
    
      </tbody></table>
  </span>
      </div>

      <div id="div-right">
      	<span style="color: red;"><p></p></span>
        
        <span id="idf8">
    <h3><span>MemberDevTime</span></h3>
    <b><a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/telemetry/MemberDevTime/Day/2009-01-27T00:00:00.000-10:00/2009-02-02T00:00:00.000-10:00/mockup6::jnancheta@gmail.com/true/">permalink</a></b><br>
    <form action="?wicket:interface=:14:dataPanel:streamForm::IFormSubmitListener::" method="post" id="idf9"><div style="display: none;"><input name="idf9_hf_0" id="idf9_hf_0" type="hidden"></div>
      <span>
          </span><span>
          </span><span>
          </span><span>
          </span><span>
          </span><span>
          </span><span>
          </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><span>
              </span><table width="100%">
        <tbody><tr><th>Project</th>
        <th><input onclick="document.getElementById('idf9_hf_0').value='?wicket:interface=:14:dataPanel:streamForm:selectAll::IOnChangeListener::';document.getElementById('idf9').submit();" name="selectAll" type="checkbox"></th>
        <th>Stream</th>
        <th>Unit</th>
        <th>Marker</th>
        <th>01-27</th>
        <th>01-28</th>
        <th>01-29</th>
        <th>01-30</th>
        <th>01-31</th>
        <th>02-01</th>
        <th>02-02</th>
        
        </tr><tr>
          <td rowspan="4">mockup6</td>
          </tr><tr>
            <td><input checked="checked" name="projectTable:0:projectStream:0:streamCheckBox" type="checkbox"></td>
            <td>MemberDevTimeStream&lt;true&gt;:phillipkhlau@gmail.com</td>
            <td>Hours</td>
            <td><img src="telemetry_files/chart_002.png"></td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            
          </tr><tr>
            <td><input checked="checked" name="projectTable:0:projectStream:1:streamCheckBox" type="checkbox"></td>
            <td>MemberDevTimeStream&lt;true&gt;:dan.m.arakaki@gmail.com</td>
            <td>Hours</td>
            <td><img src="telemetry_files/chart_004.png"></td>
            <td>0.0</td>
            <td>0.7</td>
            <td>1.8</td>
            <td>1.8</td>
            <td>3.8</td>
            <td>3.8</td>
            <td>4.8</td>
            
          </tr><tr>
            <td><input checked="checked" name="projectTable:0:projectStream:2:streamCheckBox" type="checkbox"></td>
            <td>MemberDevTimeStream&lt;true&gt;:jnancheta@gmail.com</td>
            <td>Hours</td>
            <td><img src="telemetry_files/chart_003.png"></td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            <td>0.0</td>
            
          </tr>
        
      </tbody></table>
      <input value="Get Chart" type="submit"> Chart Size = <input value="850" style="width: 4em;" name="width" type="text"> x <input value="350" style="width: 4em;" name="height" type="text"> pixels (no greater than 300000)
    </form>
    <br>
    <img src="telemetry_files/chart.png">
    <br>
    <span>
    <div style="display: none;" id="idfa">
	<div id="idfb" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:14:dataPanel:selectedChartUrlWindow:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('idfc') != null;}.bind(this));return !wcall;" id="idfc"><b></b><img src="telemetry_files/question.gif"></a>
</span>
    <br>
    <br>
  </span>
      </div>
</div>
</div>
        <div id="tab5"><p></p>
  <div id="body" class="wrapper">
    
      <h3> Software Project Portfolio Analysis</h3>
      <span>
  
</span>
      <div style="white-space: nowrap;">
      <div id="div-left">
        <span id="id115">
    <div style="display: none;"></div><div style="display: none;"></div><table>
    <form action="?wicket:interface=:17:inputPanel:inputForm::IFormSubmitListener::" method="post" id="id116"></form><input name="id116_hf_0" id="id116_hf_0" type="hidden">
        <tbody><tr>
          <td>
          <label>From Date:</label> <br>
            <input value="2009-01-29" class="datefield" name="startDateTextField" id="id113" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="id113Dp"><div class="title">&nbsp;</div><table class="yui-calendar y2009" id="id113DpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
January 2009
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m1 calbody">
<tr class="w0">
<td id="id113DpJs_cell0" class="calcell oom calcelltop calcellleft">28</td>
<td id="id113DpJs_cell1" class="calcell oom calcelltop">29</td>
<td id="id113DpJs_cell2" class="calcell oom calcelltop">30</td>
<td id="id113DpJs_cell3" class="calcell oom calcelltop">31</td>
<td id="id113DpJs_cell4" class="calcell wd4 d1 selectable calcelltop"><a href="#" class="selector">1</a></td>
<td id="id113DpJs_cell5" class="calcell wd5 d2 selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="id113DpJs_cell6" class="calcell wd6 d3 selectable calcelltop calcellright"><a href="#" class="selector">3</a></td>
</tr>
<tr class="w1">
<td id="id113DpJs_cell7" class="calcell wd0 d4 selectable calcellleft"><a href="#" class="selector">4</a></td>
<td id="id113DpJs_cell8" class="calcell wd1 d5 selectable"><a href="#" class="selector">5</a></td>
<td id="id113DpJs_cell9" class="calcell wd2 d6 selectable"><a href="#" class="selector">6</a></td>
<td id="id113DpJs_cell10" class="calcell wd3 d7 selectable"><a href="#" class="selector">7</a></td>
<td id="id113DpJs_cell11" class="calcell wd4 d8 selectable"><a href="#" class="selector">8</a></td>
<td id="id113DpJs_cell12" class="calcell wd5 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="id113DpJs_cell13" class="calcell wd6 d10 selectable calcellright"><a href="#" class="selector">10</a></td>
</tr>
<tr class="w2">
<td id="id113DpJs_cell14" class="calcell wd0 d11 selectable calcellleft"><a href="#" class="selector">11</a></td>
<td id="id113DpJs_cell15" class="calcell wd1 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="id113DpJs_cell16" class="calcell wd2 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="id113DpJs_cell17" class="calcell wd3 d14 selectable"><a href="#" class="selector">14</a></td>
<td id="id113DpJs_cell18" class="calcell wd4 d15 selectable"><a href="#" class="selector">15</a></td>
<td id="id113DpJs_cell19" class="calcell wd5 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="id113DpJs_cell20" class="calcell wd6 d17 selectable calcellright"><a href="#" class="selector">17</a></td>
</tr>
<tr class="w3">
<td id="id113DpJs_cell21" class="calcell wd0 d18 selectable calcellleft"><a href="#" class="selector">18</a></td>
<td id="id113DpJs_cell22" class="calcell wd1 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="id113DpJs_cell23" class="calcell wd2 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="id113DpJs_cell24" class="calcell wd3 d21 selectable"><a href="#" class="selector">21</a></td>
<td id="id113DpJs_cell25" class="calcell wd4 d22 selectable"><a href="#" class="selector">22</a></td>
<td id="id113DpJs_cell26" class="calcell wd5 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="id113DpJs_cell27" class="calcell wd6 d24 selectable calcellright"><a href="#" class="selector">24</a></td>
</tr>
<tr class="w4">
<td id="id113DpJs_cell28" class="calcell wd0 d25 selectable calcellleft"><a href="#" class="selector">25</a></td>
<td id="id113DpJs_cell29" class="calcell wd1 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="id113DpJs_cell30" class="calcell wd2 d27 selectable"><a href="#" class="selector">27</a></td>
<td id="id113DpJs_cell31" class="calcell wd3 d28 selectable"><a href="#" class="selector">28</a></td>
<td id="id113DpJs_cell32" class="calcell wd4 d29 selected selectable"><a href="#" class="selector">29</a></td>
<td id="id113DpJs_cell33" class="calcell wd5 d30 selectable"><a href="#" class="selector">30</a></td>
<td id="id113DpJs_cell34" class="calcell wd6 d31 selectable calcellright"><a href="#" class="selector">31</a></td>
</tr>
<tr class="w5">
<td id="id113DpJs_cell35" class="calcell oom calcellleft calcellbottom">1</td>
<td id="id113DpJs_cell36" class="calcell oom calcellbottom">2</td>
<td id="id113DpJs_cell37" class="calcell today oom calcellbottom">3</td>
<td id="id113DpJs_cell38" class="calcell oom calcellbottom">4</td>
<td id="id113DpJs_cell39" class="calcell oom calcellbottom">5</td>
<td id="id113DpJs_cell40" class="calcell oom calcellbottom">6</td>
<td id="id113DpJs_cell41" class="calcell oom calcellright calcellbottom">7</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="id113Icon" src="projectportfolio_files/icon1.gif" alt=""></span>
          </td>
        </tr>
        <tr>
          <td colspan="2">
          <label>To Date:</label> <br>
            <input value="2009-02-02" class="datefield" name="endDateTextField" id="id114" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="id114Dp"><div class="title">&nbsp;</div><table class="yui-calendar y2009" id="id114DpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
February 2009
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m2 calbody">
<tr class="w5">
<td id="id114DpJs_cell0" class="calcell wd0 d1 selectable calcelltop calcellleft"><a href="#" class="selector">1</a></td>
<td id="id114DpJs_cell1" class="calcell wd1 d2 selected selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="id114DpJs_cell2" class="calcell wd2 d3 today selectable calcelltop"><a href="#" class="selector">3</a></td>
<td id="id114DpJs_cell3" class="calcell wd3 d4 selectable calcelltop"><a href="#" class="selector">4</a></td>
<td id="id114DpJs_cell4" class="calcell wd4 d5 selectable calcelltop"><a href="#" class="selector">5</a></td>
<td id="id114DpJs_cell5" class="calcell wd5 d6 selectable calcelltop"><a href="#" class="selector">6</a></td>
<td id="id114DpJs_cell6" class="calcell wd6 d7 selectable calcelltop calcellright"><a href="#" class="selector">7</a></td>
</tr>
<tr class="w6">
<td id="id114DpJs_cell7" class="calcell wd0 d8 selectable calcellleft"><a href="#" class="selector">8</a></td>
<td id="id114DpJs_cell8" class="calcell wd1 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="id114DpJs_cell9" class="calcell wd2 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="id114DpJs_cell10" class="calcell wd3 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="id114DpJs_cell11" class="calcell wd4 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="id114DpJs_cell12" class="calcell wd5 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="id114DpJs_cell13" class="calcell wd6 d14 selectable calcellright"><a href="#" class="selector">14</a></td>
</tr>
<tr class="w7">
<td id="id114DpJs_cell14" class="calcell wd0 d15 selectable calcellleft"><a href="#" class="selector">15</a></td>
<td id="id114DpJs_cell15" class="calcell wd1 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="id114DpJs_cell16" class="calcell wd2 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="id114DpJs_cell17" class="calcell wd3 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="id114DpJs_cell18" class="calcell wd4 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="id114DpJs_cell19" class="calcell wd5 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="id114DpJs_cell20" class="calcell wd6 d21 selectable calcellright"><a href="#" class="selector">21</a></td>
</tr>
<tr class="w8">
<td id="id114DpJs_cell21" class="calcell wd0 d22 selectable calcellleft"><a href="#" class="selector">22</a></td>
<td id="id114DpJs_cell22" class="calcell wd1 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="id114DpJs_cell23" class="calcell wd2 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="id114DpJs_cell24" class="calcell wd3 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="id114DpJs_cell25" class="calcell wd4 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="id114DpJs_cell26" class="calcell wd5 d27 selectable"><a href="#" class="selector">27</a></td>
<td id="id114DpJs_cell27" class="calcell wd6 d28 selectable calcellright"><a href="#" class="selector">28</a></td>
</tr>
<tr class="w9">
<td id="id114DpJs_cell28" class="calcell oom calcellleft">1</td>
<td id="id114DpJs_cell29" class="calcell oom">2</td>
<td id="id114DpJs_cell30" class="calcell oom">3</td>
<td id="id114DpJs_cell31" class="calcell oom">4</td>
<td id="id114DpJs_cell32" class="calcell oom">5</td>
<td id="id114DpJs_cell33" class="calcell oom">6</td>
<td id="id114DpJs_cell34" class="calcell oom calcellright">7</td>
</tr>
<tr class="w10">
<td id="id114DpJs_cell35" class="calcell oom calcellleft calcellbottom">8</td>
<td id="id114DpJs_cell36" class="calcell oom calcellbottom">9</td>
<td id="id114DpJs_cell37" class="calcell oom calcellbottom">10</td>
<td id="id114DpJs_cell38" class="calcell oom calcellbottom">11</td>
<td id="id114DpJs_cell39" class="calcell oom calcellbottom">12</td>
<td id="id114DpJs_cell40" class="calcell oom calcellbottom">13</td>
<td id="id114DpJs_cell41" class="calcell oom calcellright calcellbottom">14</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="id114Icon" src="projectportfolio_files/icon1.gif" alt=""></span>
          </td>
        </tr>
        <tr>
          <td>
          <label>Granularity:</label> <br>
            <select style="width: 8em;" name="granularity">
<option selected="selected" value="0">Day</option>
<option value="1">Week</option>
<option value="2">Month</option>
</select>
          </td>
        </tr>
        <tr>
          <td style="text-align: center;">
            <input value="Show Configuration" style="text-align: center;" name="configuration" id="id117" type="submit">
          </td>
        </tr>
        <tr>
          <td>
          <label>Project(s):</label> <br>
            <div id="project_checkboxes">
              <span><input name="projectMenu" value="0" id="projectMenu_0" type="checkbox"><label for="projectMenu_0">Default</label><br>
<input name="projectMenu" value="1" id="projectMenu_1" type="checkbox"><label for="projectMenu_1">mockup3</label><br>
<input name="projectMenu" checked="checked" value="2" id="projectMenu_2" type="checkbox"><label for="projectMenu_2">mockup6</label><br>
<input name="projectMenu" value="3" id="projectMenu_3" type="checkbox"><label for="projectMenu_3">stack-johnson</label><br>
</span>
            </div>
          </td>
        </tr>
        <tr>
          <td style="text-align: center;">
            <input value="OK" name=":submit" id="id118" type="submit">
          </td>
        </tr>
    
    <form action="?wicket:interface=:17:inputPanel:cancelForm::IFormSubmitListener::" method="post" id="id119"></form><input name="id119_hf_0" id="id119_hf_0" type="hidden">
        <tr>
          <td style="text-align: center;">
            <input value="Cancel" disabled="disabled" name="cancel" id="id11a" type="submit">
          </td>
        </tr>
    
    </tbody></table>
  </span>
      </div>
      <div id="div-middle">
        
      </div>
      <div id="div-right">
        <span style="color: red;"><p></p></span>
        
        <span id="id11b">
    <right>
        <b><a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio/2009-01-29T00:00:00.000-10:00/2009-02-02T00:00:00.000-10:00/Day/mockup6::jnancheta@gmail.com/">permalink</a></b><br>
      <span>
            </span><span>
            </span><span>
            </span><span>
            </span><span>
            </span><span>
            </span><span>
            </span><span>
            </span><span>
            </span><table style="padding: 5px;" id="portfolio_detail_table">
        <tbody><tr><th class="projectName"><a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:sortProjectName::ILinkListener::">Project (Members)</a></th>
        <!--th style="padding:5px; border-left: 1px solid #ddd;">Members</th-->
        <th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:0:sortLink::ILinkListener::"><span>Coverage</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:1:sortLink::ILinkListener::"><span>Complexity</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:2:sortLink::ILinkListener::"><span>Coupling</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:3:sortLink::ILinkListener::"><span>Churn</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:4:sortLink::ILinkListener::"><span>Size(LOC)</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:5:sortLink::ILinkListener::"><span>DevTime</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:6:sortLink::ILinkListener::"><span>Commit</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:7:sortLink::ILinkListener::"><span>Build</span></a>
        </th><th class="measureHead" colspan="2">
          <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:measureHeads:8:sortLink::ILinkListener::"><span>Test</span></a>
        </th>
        </tr><tr>
          <th class="projectNames">
            <span>mockup6</span>
            (<span>3</span>)
          </th>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:0:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:1:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:2:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:3:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:4:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:5:chartLink::ILinkListener::"><img src="projectportfolio_files/chart.png"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(255, 255, 255);">1.0</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:6:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:7:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          <td style="border-left: 1px solid rgb(221, 221, 221); padding-left: 3px;">
              <div align="right">
                <a href="http://dasha.ics.hawaii.edu:9879/projectbrowser/projectportfolio?wicket:interface=:17:detailPanel:projectTable:0:measures:8:chartLink::ILinkListener::"></a>
              </div>
            </td>
            <td style="padding-left: 3px; padding-right: 5px;">
              <span style="color: rgb(136, 136, 136);">N/A</span>
            </td>
          
        </tr>
      </tbody></table>
    </right>
  </span>
      </div>
      </div>
</div>
</div>
        <div id="tab6"><p></p>
  <div id="body" class="wrapper">
    
      <h3> Trajectory Analysis</h3>
      <div id="div-left">
        <span id="id121"> <span>
  
</span>
  <div style="display: none;"></div><div style="display: none;"></div><table>
    <form action="?wicket:interface=:18:inputPanel:inputForm::IFormSubmitListener::" method="post" id="id122"></form><input name="id122_hf_0" id="id122_hf_0" type="hidden">
      <tbody><tr>
        <th rowspan="3" scope="row">
        <label>Project #1:</label><br>
          <select style="width: 10em;" size="8" name="project1List">
<option selected="selected" value="">Choose One</option>
<option value="0">Default</option>
<option value="1">mockup3</option>
<option value="2">mockup6</option>
<option value="3">stack-johnson</option>
</select>
        </th>
        <td>&nbsp;</td>
        <td> <label>
			   <span>start date:</span>
			 </label><br>
          <input value="2008-01-01" style="width: 6em;" name="project1StartDate" id="id11d" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="id11dDp"><div class="title">&nbsp;</div><table class="yui-calendar y2008" id="id11dDpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
January 2008
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m1 calbody">
<tr class="w1">
<td id="id11dDpJs_cell0" class="calcell oom calcelltop calcellleft">30</td>
<td id="id11dDpJs_cell1" class="calcell oom calcelltop">31</td>
<td id="id11dDpJs_cell2" class="calcell wd2 d1 selected selectable calcelltop"><a href="#" class="selector">1</a></td>
<td id="id11dDpJs_cell3" class="calcell wd3 d2 selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="id11dDpJs_cell4" class="calcell wd4 d3 selectable calcelltop"><a href="#" class="selector">3</a></td>
<td id="id11dDpJs_cell5" class="calcell wd5 d4 selectable calcelltop"><a href="#" class="selector">4</a></td>
<td id="id11dDpJs_cell6" class="calcell wd6 d5 selectable calcelltop calcellright"><a href="#" class="selector">5</a></td>
</tr>
<tr class="w2">
<td id="id11dDpJs_cell7" class="calcell wd0 d6 selectable calcellleft"><a href="#" class="selector">6</a></td>
<td id="id11dDpJs_cell8" class="calcell wd1 d7 selectable"><a href="#" class="selector">7</a></td>
<td id="id11dDpJs_cell9" class="calcell wd2 d8 selectable"><a href="#" class="selector">8</a></td>
<td id="id11dDpJs_cell10" class="calcell wd3 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="id11dDpJs_cell11" class="calcell wd4 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="id11dDpJs_cell12" class="calcell wd5 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="id11dDpJs_cell13" class="calcell wd6 d12 selectable calcellright"><a href="#" class="selector">12</a></td>
</tr>
<tr class="w3">
<td id="id11dDpJs_cell14" class="calcell wd0 d13 selectable calcellleft"><a href="#" class="selector">13</a></td>
<td id="id11dDpJs_cell15" class="calcell wd1 d14 selectable"><a href="#" class="selector">14</a></td>
<td id="id11dDpJs_cell16" class="calcell wd2 d15 selectable"><a href="#" class="selector">15</a></td>
<td id="id11dDpJs_cell17" class="calcell wd3 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="id11dDpJs_cell18" class="calcell wd4 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="id11dDpJs_cell19" class="calcell wd5 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="id11dDpJs_cell20" class="calcell wd6 d19 selectable calcellright"><a href="#" class="selector">19</a></td>
</tr>
<tr class="w4">
<td id="id11dDpJs_cell21" class="calcell wd0 d20 selectable calcellleft"><a href="#" class="selector">20</a></td>
<td id="id11dDpJs_cell22" class="calcell wd1 d21 selectable"><a href="#" class="selector">21</a></td>
<td id="id11dDpJs_cell23" class="calcell wd2 d22 selectable"><a href="#" class="selector">22</a></td>
<td id="id11dDpJs_cell24" class="calcell wd3 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="id11dDpJs_cell25" class="calcell wd4 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="id11dDpJs_cell26" class="calcell wd5 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="id11dDpJs_cell27" class="calcell wd6 d26 selectable calcellright"><a href="#" class="selector">26</a></td>
</tr>
<tr class="w5">
<td id="id11dDpJs_cell28" class="calcell wd0 d27 selectable calcellleft"><a href="#" class="selector">27</a></td>
<td id="id11dDpJs_cell29" class="calcell wd1 d28 selectable"><a href="#" class="selector">28</a></td>
<td id="id11dDpJs_cell30" class="calcell wd2 d29 selectable"><a href="#" class="selector">29</a></td>
<td id="id11dDpJs_cell31" class="calcell wd3 d30 selectable"><a href="#" class="selector">30</a></td>
<td id="id11dDpJs_cell32" class="calcell wd4 d31 selectable"><a href="#" class="selector">31</a></td>
<td id="id11dDpJs_cell33" class="calcell oom">1</td>
<td id="id11dDpJs_cell34" class="calcell oom calcellright">2</td>
</tr>
<tr class="w6">
<td id="id11dDpJs_cell35" class="calcell oom calcellleft calcellbottom">3</td>
<td id="id11dDpJs_cell36" class="calcell oom calcellbottom">4</td>
<td id="id11dDpJs_cell37" class="calcell oom calcellbottom">5</td>
<td id="id11dDpJs_cell38" class="calcell oom calcellbottom">6</td>
<td id="id11dDpJs_cell39" class="calcell oom calcellbottom">7</td>
<td id="id11dDpJs_cell40" class="calcell oom calcellbottom">8</td>
<td id="id11dDpJs_cell41" class="calcell oom calcellright calcellbottom">9</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="id11dIcon" src="trajectory_files/icon1.gif" alt=""></span>
        </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td> <label>
			   <span>end date:</span>
			 </label><br>
          <input value="2008-01-15" style="width: 6em;" name="project1EndDate" id="id11e" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="id11eDp"><div class="title">&nbsp;</div><table class="yui-calendar y2008" id="id11eDpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
January 2008
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m1 calbody">
<tr class="w1">
<td id="id11eDpJs_cell0" class="calcell oom calcelltop calcellleft">30</td>
<td id="id11eDpJs_cell1" class="calcell oom calcelltop">31</td>
<td id="id11eDpJs_cell2" class="calcell wd2 d1 selectable calcelltop"><a href="#" class="selector">1</a></td>
<td id="id11eDpJs_cell3" class="calcell wd3 d2 selectable calcelltop"><a href="#" class="selector">2</a></td>
<td id="id11eDpJs_cell4" class="calcell wd4 d3 selectable calcelltop"><a href="#" class="selector">3</a></td>
<td id="id11eDpJs_cell5" class="calcell wd5 d4 selectable calcelltop"><a href="#" class="selector">4</a></td>
<td id="id11eDpJs_cell6" class="calcell wd6 d5 selectable calcelltop calcellright"><a href="#" class="selector">5</a></td>
</tr>
<tr class="w2">
<td id="id11eDpJs_cell7" class="calcell wd0 d6 selectable calcellleft"><a href="#" class="selector">6</a></td>
<td id="id11eDpJs_cell8" class="calcell wd1 d7 selectable"><a href="#" class="selector">7</a></td>
<td id="id11eDpJs_cell9" class="calcell wd2 d8 selectable"><a href="#" class="selector">8</a></td>
<td id="id11eDpJs_cell10" class="calcell wd3 d9 selectable"><a href="#" class="selector">9</a></td>
<td id="id11eDpJs_cell11" class="calcell wd4 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="id11eDpJs_cell12" class="calcell wd5 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="id11eDpJs_cell13" class="calcell wd6 d12 selectable calcellright"><a href="#" class="selector">12</a></td>
</tr>
<tr class="w3">
<td id="id11eDpJs_cell14" class="calcell wd0 d13 selectable calcellleft"><a href="#" class="selector">13</a></td>
<td id="id11eDpJs_cell15" class="calcell wd1 d14 selectable"><a href="#" class="selector">14</a></td>
<td id="id11eDpJs_cell16" class="calcell wd2 d15 selected selectable"><a href="#" class="selector">15</a></td>
<td id="id11eDpJs_cell17" class="calcell wd3 d16 selectable"><a href="#" class="selector">16</a></td>
<td id="id11eDpJs_cell18" class="calcell wd4 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="id11eDpJs_cell19" class="calcell wd5 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="id11eDpJs_cell20" class="calcell wd6 d19 selectable calcellright"><a href="#" class="selector">19</a></td>
</tr>
<tr class="w4">
<td id="id11eDpJs_cell21" class="calcell wd0 d20 selectable calcellleft"><a href="#" class="selector">20</a></td>
<td id="id11eDpJs_cell22" class="calcell wd1 d21 selectable"><a href="#" class="selector">21</a></td>
<td id="id11eDpJs_cell23" class="calcell wd2 d22 selectable"><a href="#" class="selector">22</a></td>
<td id="id11eDpJs_cell24" class="calcell wd3 d23 selectable"><a href="#" class="selector">23</a></td>
<td id="id11eDpJs_cell25" class="calcell wd4 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="id11eDpJs_cell26" class="calcell wd5 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="id11eDpJs_cell27" class="calcell wd6 d26 selectable calcellright"><a href="#" class="selector">26</a></td>
</tr>
<tr class="w5">
<td id="id11eDpJs_cell28" class="calcell wd0 d27 selectable calcellleft"><a href="#" class="selector">27</a></td>
<td id="id11eDpJs_cell29" class="calcell wd1 d28 selectable"><a href="#" class="selector">28</a></td>
<td id="id11eDpJs_cell30" class="calcell wd2 d29 selectable"><a href="#" class="selector">29</a></td>
<td id="id11eDpJs_cell31" class="calcell wd3 d30 selectable"><a href="#" class="selector">30</a></td>
<td id="id11eDpJs_cell32" class="calcell wd4 d31 selectable"><a href="#" class="selector">31</a></td>
<td id="id11eDpJs_cell33" class="calcell oom">1</td>
<td id="id11eDpJs_cell34" class="calcell oom calcellright">2</td>
</tr>
<tr class="w6">
<td id="id11eDpJs_cell35" class="calcell oom calcellleft calcellbottom">3</td>
<td id="id11eDpJs_cell36" class="calcell oom calcellbottom">4</td>
<td id="id11eDpJs_cell37" class="calcell oom calcellbottom">5</td>
<td id="id11eDpJs_cell38" class="calcell oom calcellbottom">6</td>
<td id="id11eDpJs_cell39" class="calcell oom calcellbottom">7</td>
<td id="id11eDpJs_cell40" class="calcell oom calcellbottom">8</td>
<td id="id11eDpJs_cell41" class="calcell oom calcellright calcellbottom">9</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="id11eIcon" src="trajectory_files/icon1.gif" alt=""></span>
        </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td> <label>
			   <span>indent:</span>
			 </label><br>
        <input value="0" style="width: 2em;" name="project1Indent" type="text"></td>
      </tr>
      <tr>
        <th rowspan="3" scope="row">
        <label>Project #2:</label><br>
          <select style="width: 10em;" size="8" name="project2List">
<option selected="selected" value="">Choose One</option>
<option value="0">Default</option>
<option value="1">mockup3</option>
<option value="2">mockup6</option>
<option value="3">stack-johnson</option>
</select>
        </th>
        <td>&nbsp;</td>
        <td> <label>
			   <span>start date:</span>
			 </label><br>
          <input value="2008-03-01" style="width: 6em;" name="project2StartDate" id="id11f" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="id11fDp"><div class="title">&nbsp;</div><table class="yui-calendar y2008" id="id11fDpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
March 2008
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m3 calbody">
<tr class="w9">
<td id="id11fDpJs_cell0" class="calcell oom calcelltop calcellleft">24</td>
<td id="id11fDpJs_cell1" class="calcell oom calcelltop">25</td>
<td id="id11fDpJs_cell2" class="calcell oom calcelltop">26</td>
<td id="id11fDpJs_cell3" class="calcell oom calcelltop">27</td>
<td id="id11fDpJs_cell4" class="calcell oom calcelltop">28</td>
<td id="id11fDpJs_cell5" class="calcell oom calcelltop">29</td>
<td id="id11fDpJs_cell6" class="calcell wd6 d1 selected selectable calcelltop calcellright"><a href="#" class="selector">1</a></td>
</tr>
<tr class="w10">
<td id="id11fDpJs_cell7" class="calcell wd0 d2 selectable calcellleft"><a href="#" class="selector">2</a></td>
<td id="id11fDpJs_cell8" class="calcell wd1 d3 selectable"><a href="#" class="selector">3</a></td>
<td id="id11fDpJs_cell9" class="calcell wd2 d4 selectable"><a href="#" class="selector">4</a></td>
<td id="id11fDpJs_cell10" class="calcell wd3 d5 selectable"><a href="#" class="selector">5</a></td>
<td id="id11fDpJs_cell11" class="calcell wd4 d6 selectable"><a href="#" class="selector">6</a></td>
<td id="id11fDpJs_cell12" class="calcell wd5 d7 selectable"><a href="#" class="selector">7</a></td>
<td id="id11fDpJs_cell13" class="calcell wd6 d8 selectable calcellright"><a href="#" class="selector">8</a></td>
</tr>
<tr class="w11">
<td id="id11fDpJs_cell14" class="calcell wd0 d9 selectable calcellleft"><a href="#" class="selector">9</a></td>
<td id="id11fDpJs_cell15" class="calcell wd1 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="id11fDpJs_cell16" class="calcell wd2 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="id11fDpJs_cell17" class="calcell wd3 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="id11fDpJs_cell18" class="calcell wd4 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="id11fDpJs_cell19" class="calcell wd5 d14 selectable"><a href="#" class="selector">14</a></td>
<td id="id11fDpJs_cell20" class="calcell wd6 d15 selectable calcellright"><a href="#" class="selector">15</a></td>
</tr>
<tr class="w12">
<td id="id11fDpJs_cell21" class="calcell wd0 d16 selectable calcellleft"><a href="#" class="selector">16</a></td>
<td id="id11fDpJs_cell22" class="calcell wd1 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="id11fDpJs_cell23" class="calcell wd2 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="id11fDpJs_cell24" class="calcell wd3 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="id11fDpJs_cell25" class="calcell wd4 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="id11fDpJs_cell26" class="calcell wd5 d21 selectable"><a href="#" class="selector">21</a></td>
<td id="id11fDpJs_cell27" class="calcell wd6 d22 selectable calcellright"><a href="#" class="selector">22</a></td>
</tr>
<tr class="w13">
<td id="id11fDpJs_cell28" class="calcell wd0 d23 selectable calcellleft"><a href="#" class="selector">23</a></td>
<td id="id11fDpJs_cell29" class="calcell wd1 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="id11fDpJs_cell30" class="calcell wd2 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="id11fDpJs_cell31" class="calcell wd3 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="id11fDpJs_cell32" class="calcell wd4 d27 selectable"><a href="#" class="selector">27</a></td>
<td id="id11fDpJs_cell33" class="calcell wd5 d28 selectable"><a href="#" class="selector">28</a></td>
<td id="id11fDpJs_cell34" class="calcell wd6 d29 selectable calcellright"><a href="#" class="selector">29</a></td>
</tr>
<tr class="w14">
<td id="id11fDpJs_cell35" class="calcell wd0 d30 selectable calcellleft calcellbottom"><a href="#" class="selector">30</a></td>
<td id="id11fDpJs_cell36" class="calcell wd1 d31 selectable calcellbottom"><a href="#" class="selector">31</a></td>
<td id="id11fDpJs_cell37" class="calcell oom calcellbottom">1</td>
<td id="id11fDpJs_cell38" class="calcell oom calcellbottom">2</td>
<td id="id11fDpJs_cell39" class="calcell oom calcellbottom">3</td>
<td id="id11fDpJs_cell40" class="calcell oom calcellbottom">4</td>
<td id="id11fDpJs_cell41" class="calcell oom calcellright calcellbottom">5</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="id11fIcon" src="trajectory_files/icon1.gif" alt=""></span>
        </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td> <label>
			   <span>end date:</span>
			 </label><br>
          <input value="2008-03-15" style="width: 6em;" name="project2EndDate" id="id120" type="text">
<span class="yui-skin-sam">&nbsp;<span class="yui-calcontainer single withtitle" style="display: none; position: absolute; z-index: 99999;" id="id120Dp"><div class="title">&nbsp;</div><table class="yui-calendar y2008" id="id120DpJs" cellspacing="0">
<thead>
<tr>
<th colspan="7" class="calhead">
<div class="calheader">
<a class="calnavleft">&nbsp;</a>
March 2008
<a class="calnavright">&nbsp;</a>
</div>
</th>
</tr>
<tr class="calweekdayrow">
<th class="calweekdaycell">Su</th>
<th class="calweekdaycell">Mo</th>
<th class="calweekdaycell">Tu</th>
<th class="calweekdaycell">We</th>
<th class="calweekdaycell">Th</th>
<th class="calweekdaycell">Fr</th>
<th class="calweekdaycell">Sa</th>
</tr>
</thead>
<tbody class="m3 calbody">
<tr class="w9">
<td id="id120DpJs_cell0" class="calcell oom calcelltop calcellleft">24</td>
<td id="id120DpJs_cell1" class="calcell oom calcelltop">25</td>
<td id="id120DpJs_cell2" class="calcell oom calcelltop">26</td>
<td id="id120DpJs_cell3" class="calcell oom calcelltop">27</td>
<td id="id120DpJs_cell4" class="calcell oom calcelltop">28</td>
<td id="id120DpJs_cell5" class="calcell oom calcelltop">29</td>
<td id="id120DpJs_cell6" class="calcell wd6 d1 selectable calcelltop calcellright"><a href="#" class="selector">1</a></td>
</tr>
<tr class="w10">
<td id="id120DpJs_cell7" class="calcell wd0 d2 selectable calcellleft"><a href="#" class="selector">2</a></td>
<td id="id120DpJs_cell8" class="calcell wd1 d3 selectable"><a href="#" class="selector">3</a></td>
<td id="id120DpJs_cell9" class="calcell wd2 d4 selectable"><a href="#" class="selector">4</a></td>
<td id="id120DpJs_cell10" class="calcell wd3 d5 selectable"><a href="#" class="selector">5</a></td>
<td id="id120DpJs_cell11" class="calcell wd4 d6 selectable"><a href="#" class="selector">6</a></td>
<td id="id120DpJs_cell12" class="calcell wd5 d7 selectable"><a href="#" class="selector">7</a></td>
<td id="id120DpJs_cell13" class="calcell wd6 d8 selectable calcellright"><a href="#" class="selector">8</a></td>
</tr>
<tr class="w11">
<td id="id120DpJs_cell14" class="calcell wd0 d9 selectable calcellleft"><a href="#" class="selector">9</a></td>
<td id="id120DpJs_cell15" class="calcell wd1 d10 selectable"><a href="#" class="selector">10</a></td>
<td id="id120DpJs_cell16" class="calcell wd2 d11 selectable"><a href="#" class="selector">11</a></td>
<td id="id120DpJs_cell17" class="calcell wd3 d12 selectable"><a href="#" class="selector">12</a></td>
<td id="id120DpJs_cell18" class="calcell wd4 d13 selectable"><a href="#" class="selector">13</a></td>
<td id="id120DpJs_cell19" class="calcell wd5 d14 selectable"><a href="#" class="selector">14</a></td>
<td id="id120DpJs_cell20" class="calcell wd6 d15 selected selectable calcellright"><a href="#" class="selector">15</a></td>
</tr>
<tr class="w12">
<td id="id120DpJs_cell21" class="calcell wd0 d16 selectable calcellleft"><a href="#" class="selector">16</a></td>
<td id="id120DpJs_cell22" class="calcell wd1 d17 selectable"><a href="#" class="selector">17</a></td>
<td id="id120DpJs_cell23" class="calcell wd2 d18 selectable"><a href="#" class="selector">18</a></td>
<td id="id120DpJs_cell24" class="calcell wd3 d19 selectable"><a href="#" class="selector">19</a></td>
<td id="id120DpJs_cell25" class="calcell wd4 d20 selectable"><a href="#" class="selector">20</a></td>
<td id="id120DpJs_cell26" class="calcell wd5 d21 selectable"><a href="#" class="selector">21</a></td>
<td id="id120DpJs_cell27" class="calcell wd6 d22 selectable calcellright"><a href="#" class="selector">22</a></td>
</tr>
<tr class="w13">
<td id="id120DpJs_cell28" class="calcell wd0 d23 selectable calcellleft"><a href="#" class="selector">23</a></td>
<td id="id120DpJs_cell29" class="calcell wd1 d24 selectable"><a href="#" class="selector">24</a></td>
<td id="id120DpJs_cell30" class="calcell wd2 d25 selectable"><a href="#" class="selector">25</a></td>
<td id="id120DpJs_cell31" class="calcell wd3 d26 selectable"><a href="#" class="selector">26</a></td>
<td id="id120DpJs_cell32" class="calcell wd4 d27 selectable"><a href="#" class="selector">27</a></td>
<td id="id120DpJs_cell33" class="calcell wd5 d28 selectable"><a href="#" class="selector">28</a></td>
<td id="id120DpJs_cell34" class="calcell wd6 d29 selectable calcellright"><a href="#" class="selector">29</a></td>
</tr>
<tr class="w14">
<td id="id120DpJs_cell35" class="calcell wd0 d30 selectable calcellleft calcellbottom"><a href="#" class="selector">30</a></td>
<td id="id120DpJs_cell36" class="calcell wd1 d31 selectable calcellbottom"><a href="#" class="selector">31</a></td>
<td id="id120DpJs_cell37" class="calcell oom calcellbottom">1</td>
<td id="id120DpJs_cell38" class="calcell oom calcellbottom">2</td>
<td id="id120DpJs_cell39" class="calcell oom calcellbottom">3</td>
<td id="id120DpJs_cell40" class="calcell oom calcellbottom">4</td>
<td id="id120DpJs_cell41" class="calcell oom calcellright calcellbottom">5</td>
</tr>
</tbody>
</table><a class="link-close" href="#"><span class="close-icon calclose"></span></a></span><img style="border: medium none ; cursor: pointer;" id="id120Icon" src="trajectory_files/icon1.gif" alt=""></span>
        </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td> <label>
			   <span>indent:</span>
			 </label><br>
        <input value="0" style="width: 2em;" name="project2Indent" type="text"></td>
      </tr>
      <tr>
        <td> <label>
			   <span>Chart:</span>
			 </label><br>
          <select style="width: 10em;" name="telemetryMenu" onchange="document.getElementById('id122_hf_0').value='?wicket:interface=:18:inputPanel:inputForm:telemetryMenu::IOnChangeListener::';document.getElementById('id122').submit();">
<option selected="selected" value="0">Build</option>
<option value="1">BuildSuccessPercentage</option>
<option value="2">Churn</option>
<option value="3">CodeIssue</option>
<option value="4">Commit</option>
<option value="5">Coupling</option>
<option value="6">Coverage</option>
<option value="7">CyclomaticComplexity</option>
<option value="8">DevTime</option>
<option value="9">FileMetric</option>
<option value="10">MemberBuild</option>
<option value="11">MemberChurn</option>
<option value="12">MemberCommit</option>
<option value="13">MemberDevTime</option>
<option value="14">MemberTrends</option>
<option value="15">MemberUnitTest</option>
<option value="16">ProductDevTrends</option>
<option value="17">ProductQATrends</option>
<option value="18">Test-Coverage-CodeIssues-Builds</option>
<option value="19">UberChart</option>
<option value="20">UnitTest</option>
<option value="21">UnitTestSuccessPercentage</option>
</select></td>
        <td>
    <div style="display: none;" id="id123">
	<div id="id124" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:18:inputPanel:inputForm:chartDefPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('id125') != null;}.bind(this));return !wcall;" id="id125"><b></b><img src="trajectory_files/question.gif"></a>
</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td> <label>
			   <span>Granularity:</span>
			 </label><br>
          <select style="width: 10em;" name="granularity">
<option selected="selected" value="0">Day</option>
<option value="1">Week</option>
<option value="2">Month</option>
</select>
        </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
          <td>
            <label><span>member</span>:</label> <br>
            <input value="*" style="width: 8em;" name="parameterList:0:field" type="text">
          </td>
          <td>
    <div style="display: none;" id="id126">
	<div id="id127" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:18:inputPanel:inputForm:parameterList:0:parameterPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('id128') != null;}.bind(this));return !wcall;" id="id128"><b></b><img src="trajectory_files/question.gif"></a>
</td>
        </tr><tr>
          <td>
            <label><span>result</span>:</label> <br>
            <select style="width: 8em;" name="parameterList:1:field">
<option value="0">Success</option>
<option value="1">Failure</option>
<option selected="selected" value="2">*</option>
</select>
          </td>
          <td>
    <div style="display: none;" id="id129">
	<div id="id12a" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:18:inputPanel:inputForm:parameterList:1:parameterPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('id12b') != null;}.bind(this));return !wcall;" id="id12b"><b></b><img src="trajectory_files/question.gif"></a>
</td>
        </tr><tr>
          <td>
            <label><span>type</span>:</label> <br>
            <input value="*" style="width: 8em;" name="parameterList:2:field" type="text">
          </td>
          <td>
    <div style="display: none;" id="id12c">
	<div id="id12d" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:18:inputPanel:inputForm:parameterList:2:parameterPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('id12e') != null;}.bind(this));return !wcall;" id="id12e"><b></b><img src="trajectory_files/question.gif"></a>
</td>
        </tr><tr>
          <td>
            <label><span>cumulative</span>:</label> <br>
            <input name="parameterList:3:field" type="checkbox">
          </td>
          <td>
    <div style="display: none;" id="id12f">
	<div id="id130" style="display: none;"></div>
</div>
    <a href="#" onclick="var wcall=wicketAjaxGet('?wicket:interface=:18:inputPanel:inputForm:parameterList:3:parameterPopup:showModalWindow::IBehaviorListener:0:',null,null, function() {return Wicket.$('id131') != null;}.bind(this));return !wcall;" id="id131"><b></b><img src="trajectory_files/question.gif"></a>
</td>
        </tr>
      <tr>
        <td colspan="2" style="text-align: center;">
          <input value="Display Telemetry" name=":submit" id="id132" type="submit">
        </td>
      </tr>
    
    <form action="?wicket:interface=:18:inputPanel:cancelForm::IFormSubmitListener::" method="post" id="id133"></form><input name="id133_hf_0" id="id133_hf_0" type="hidden">
      <tr>
        <td style="text-align: center;"><input value="Cancel" disabled="disabled" name="cancel" id="id134" type="submit">
        </td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    
  </tbody></table>
</span>
      </div>

      <div id="div-right-trajectory">
        <span style="color: red;"><p></p></span>
        <span id="id135">
  	<div style="float: left;">
    	
    	<div style="overflow: auto;" id="id136"><p></p></div>
    	<br>
    </div>
  </span>
        
      </div>
</div>
</div>

<div id="tab7">
<div id="subdemo" class="yui-navset">
    <ul class="yui-nav" style="width:150px">
        <li class="selected"><a href="#tab8"><em>My Profile</em></a></li>
        <li><a href="#tab9"><em>Matches</em></a></li>
        <li><a href="#tab10"><em>Levels and Badges</em></a></li>
        <li><a href="#tab11"><em>Teams</em></a></li>
        <li><a href="#tab12"><em>Portfolio</em></a></li>
        <li><a href="#tab13"><em>Trajectory</em></a></li>
        <li><a href="#tab14"><em>Administrator</em></a></li>
    </ul>            
    <div class="yui-content" style="margin-left:75px">
      <div id="tab8">
<div class="wrapper">

<h2>Phillip L's Profile</h2> 
<p>
A page that displays a list of achievements from all previous matches.

</div> <!-- End class=wrapper -->

<div class="entry">
<br>
<div id="profile">
<table width="250" border="1" bordercolor="93A7FF" bgcolor="#FFFFFF" class="card">
  <tr>
    <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong>Phillip</strong></td>
  </tr>
  <tr>
    <td width="50"  rowspan="2" bordercolor="97A7FF" bgcolor="93A7FF"><img src="phillip.jpg"/></td>
    <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF">Level</td>
    <td bordercolor="97A7FF" bgcolor="93A7FF">Awesome-ness</td>
  </tr>
  <tr>
    <td colspan="2" bordercolor="97A7FF" bgcolor="93A7FF">Profile Points</td>
    <td height="30" bordercolor="97A7FF" bgcolor="93A7FF">10000 pts</td>
  </tr>
  <tr>
    <td colspan="4" bordercolor="97A7FF" bgcolor="93A7FF"><strong>Most Recent Achievements</strong></td>
  </tr>
  <tr>
    <td width="55" bordercolor="97A7FF" bgcolor="93A7FF"><center>
      <img src="uberGeek.jpeg" width="58" height="58">
    </center></td>
    <td width="55" bordercolor="97A7FF" bgcolor="93A7FF"><center>
      <img src="achv1.jpg">
    </center></td>
    <td width="57" bordercolor="97A7FF" bgcolor="93A7FF"><img src="achv2.jpg"></td>
    <td bordercolor="97A7FF" bgcolor="93A7FF">&nbsp;</td>
  </tr>
</table>

<table width="300" border="1" class="match">
  <tr>
    <td width="181"><a href="mymatches.html"><strong>My Recent Matches</strong></a></td>
    <td width="84"><div align="right"><strong>Scoreboard</strong></div></td>
  </tr>
  <tr>
    <td width="200"><a href="mymatches.html"><strong>Are You Mocking Me?</strong></a><br> Mockup1 vs Mockup2 vs Mockup3</td>
    <td><div align="right">-20 to -20 to 10</div></td>
  </tr>
  <tr>
    <td><a href="mymatches.html"><strong>Battle at Gotham City</strong></a><br>Gotham City Police vs. Joker &amp; Co.</td>
    <td><div align="right">346 to 345 Final</div></td>
  </tr>
</table>

<table width="303" border="1" class="match">
  <tr>
    <td colspan="2"><strong>My Friends</strong></td>
    <td width="82"><strong>Profile Pts.</strong></td>
  </tr>
  <tr>
    <td width="51" height="50"><center><a href="myprofile.html"><img src="img.jpg"></a></center></td>
    <td width="148"><a href="myprofile.html">John</a></td>
    <td>30 pts</td>
  </tr>
  <tr>
    <td weight="50" height="50"><center><img src="johnz.jpg"></center></td>
    <td width="148">John Z.</td>
    <td>80 pts</td>
  </tr>
</table>

<br>
<br>
<table width="554" border="0" class="achievements">
  <tr>
    <td colspan="2"><strong>Most Recent Achievements</strong></td>
    <td width="64"><strong>Points</strong></td>
  </tr>
  <tr bgcolor="#E9F0FF">
    <td height="50" class="style1"><p><img src="uberGeek.jpeg" alt="" width="58" height="58"></p>
      </td>
    <td><p><strong>Uber Geek status:<br>
    </strong>Geek life is awesome, social life is damn low.</p>
      </td>
    <td><p>&nbsp;</p>
      <p>100050 pts</p></td>
  </tr>
  <tr bgcolor="#E9F0FF">
    <td width="50" height="50"><center><img src="achv1.jpg"></center></td>
    <td width="407"><p><strong>Perfectionist: </strong><br>Your program has reached 100% coverage (min. 2000 lines)</p>    </td>
    <td> 20 pts</td>
  </tr>
  <tr>
    <td width="50" height="50"><center><img src="achv2.jpg"></center></td>
    <td width="407"><p><strong>You Need a Life:</strong> <br>Committed everyday of the week (min. 500 lines)</p></td>
    <td>10 pts</td>
  </tr>
</table>
</div> 
</div> 
      </div>
      <div id="tab9">
<div class="wrapper">
<p>
<h2 align="left">Match 1</h2>
<p align="left">&nbsp;</p>
<table width="600" border="0">
  <tr>
    <td><div align="center"><a href="teampage.html"><img src="eh_logo.jpg" alt="" width="80" height="80"></a></div></td>
    <td><div align="center">VS. </div></td>
    <td><div align="center"><a href="teampagepublicview2.html"><img src="pro_logo.jpg" width="80" height="80"></a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="teampage.html">Team Mockup 3</a></div></td>
    <td><div align="center">Team Name</div></td>
    <td><div align="center"><a href="teampagepublicview2.html">Pro Programmers</a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="http://code.google.com/p/hackystat-ui-devcathlon/">Devecathlon</a></div></td>
    <td><div align="center">Project Name</div></td>
    <td><div align="center"><a href="http://code.google.com/p/hackystat-ui-devcathlon/">Schedule Sketch</a></div></td>
  </tr>
  <tr>
    <td><div align="center">567</div></td>
    <td><div align="center">Current Score</div></td>
    <td><div align="center">475</div></td>
  </tr>
</table>
<p align="left">&nbsp;</p>
<table width="600" border="0">
  <tr>
    <th width="166" scope="col">RECENT POINTS</th>
    <th width="135" scope="col">&nbsp;</th>
    <th width="208" scope="col">&nbsp;</th>
    <th width="73" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td>Jan 24, 2009 8:14 am</td>
    <td><a href="teampage.html">Team Mockup 3</a></td>
    <td>Commit Regularly</td>
    <td>+5 pts</td>
  </tr>
  <tr>
    <td>Jan 24, 2009 86:07 am</td>
    <td><a href="teampagepublicview2.html">Pro Programmers</a></td>
    <td>Successful Build</td>
    <td>+5 pts</td>
  </tr>
  <tr>
    <td>Jan 23, 2009 11:45 pm</td>
    <td><a href="teampagepublicview2.html">Pro Programmers</a></td>
    <td>All build results pass</td>
    <td>+5 pts</td>
  </tr>
  <tr>
    <td>Jan 22, 2009 10:30pm</td>
    <td><a href="teampage.html">Team Mockup 3</a></td>
    <td>Perform QA before commit</td>
    <td>+5 pts</td>
  </tr>
  <tr>
    <td>Jan 22, 2009 10:02 pm</td>
    <td><a href="teampagepublicview2.html">Pro Programmers</a></td>
    <td>No Open Issues</td>
    <td>-1 pt</td>
  </tr>
  <tr>
    <td>Jan 22, 2009 6:09 pm</td>
    <td><a href="teampage.html">Team Mockup 3</a></td>
    <td>High Coverage</td>
    <td>+1 pt</td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="600" border="0">
  <tr>
    <th width="159" scope="col">MATCH COMMENTS</th>
    <th width="431" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td>Bob Jobs (Programmers Inc)</td>
    <td>Good job commiting often!!!</td>
  </tr>
  <tr>
    <td>Joe Schmo (Code Breakers)</td>
    <td>Interesting game. But EH should have the advantage.</td>
  </tr>
  <tr>
    <td>Greg Great (System Out)</td>
    <td>Good luck guys</td>
  </tr>
  <tr>
    <td>John Smith (Win Style)</td>
    <td>gl both of you</td>
  </tr>
</table>
<p align="left">&nbsp;</p>

<h2 align="left">Match 2</h2>
<p align="left">&nbsp;</p>
<table width="600" border="0">
  <tr>
    <td><div align="center"><a href="teampage.html"><img src="eh_logo.jpg" alt="" width="80" height="80"></a></div></td>
    <td><div align="center">VS. </div></td>
    <td><div align="center"><a href="teampagepublicview2.html"><img src="pro_logo.jpg" width="80" height="80"></a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="teampage.html">Team Mockup 6</a></div></td>
    <td><div align="center">Team Name</div></td>
    <td><div align="center"><a href="teampagepublicview2.html">Pro Programmers</a></div></td>
  </tr>
  <tr>
    <td><div align="center"><a href="http://code.google.com/p/hackystat-ui-devcathlon/">Devecathlon</a></div></td>
    <td><div align="center">Project Name</div></td>
    <td><div align="center"><a href="http://code.google.com/p/hackystat-ui-devcathlon/">Schedule Sketch</a></div></td>
  </tr>
  <tr>
    <td><div align="center">567</div></td>
    <td><div align="center">Current Score</div></td>
    <td><div align="center">475</div></td>
  </tr>
</table>
<p align="left">&nbsp;</p>
<table width="600" border="0">
  <tr>
    <th width="166" scope="col">RECENT POINTS</th>
    <th width="135" scope="col">&nbsp;</th>
    <th width="208" scope="col">&nbsp;</th>
    <th width="73" scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td>Jan 28, 2009 10:30 am</td>
    <td><a href="teampage.html">Team Mockup 6</a></td>
    <td>Team Meeting</td>
    <td>+50 pts</td>
  </tr>
  <tr>
    <td>Jan 29, 2009 10:00 am</td>
    <td><a href="teampage.html">Team Mockup 6</a></td>
    <td>Team Meeting</td>
    <td>+50 pts</td>
  </tr>
  <tr>
    <td>Feb 2, 2009 10:30 am</td>
    <td><a href="teampage.html">Team Mockup 6</a></td>
    <td>Team Meeting</td>
    <td>+50 pts</td>
  </tr>
  <tr>
    <td>Feb 2, 2009 10:30am</td>
    <td><a href="teampage.html">Team Mockup 6</a></td>
    <td>Triple Programming!</td>
    <td>+100 pts</td>
  </tr>
  <tr>
    <td>Jan 22, 2009 10:02 pm</td>
    <td><a href="teampagepublicview2.html">Pro Programmers</a></td>
    <td>No Open Issues</td>
    <td>-1 pt</td>
  </tr>
  <tr>
    <td>Jan 22, 2009 6:09 pm</td>
    <td><a href="teampage.html">Team Mockup 3</a></td>
    <td>High Coverage</td>
    <td>+1 pt</td>
  </tr>
</table>
</div>
      </div>
      <div id="tab10">
<h2>Levels</h2>
<p>
This Levels page displays information on the current level the user is on (Grayed rows) and levels not achieve yet (white rows)..</p>
<table border="1">
<tr>
		<th width="97">Current Level</th>
        <th width="356">Description</th>
        <th width="89">Abbreviation</th>
	</tr>
    <tr bgcolor="#CCCCCC">
      <td><div align="center"><img src="rank2.png" width="50" height="48"></div></td>
      <td><span class="style5">Obtained 2 badges total</span></td>
      <td><span class="style5">PV2</span></td>
    </tr>
</table>
<p>&nbsp;</p>
<table width="568" border="1">
  <tr>
    <th width="98" scope="col">Past Levels</th>
    <th width="357" scope="col">Description</th>
    <th width="91" scope="col">Abbreivation</th>
  </tr>
  <tr bgcolor="#CCCCCC">
    <td><div align="center" class="style5"><em>No Insignia</em></div></td>
    <td><span class="style5">Rookie, just started. No badges.</span></td>
    <td><span class="style5">PV1</span></td>
  </tr>
  <tr>
    <td><div align="left"><strong>Future Levels</strong></div></td>
    <td><strong>Description</strong></td>
    <td><strong>Abbreivation</strong></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank3.png" width="50" height="60"></div></td>
    <td><span class="style5">Obtained 6 badges total</span></td>
    <td>PFC</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank4.png" width="50" height="55"></div></td>
    <td><span class="style5">Obtained 14 badges total</span></td>
    <td>SPC</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank5.png" width="50" height="55"></div></td>
    <td><span class="style5">Obtained 22 badges total</span></td>
    <td>CPL</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank6.png" width="50" height="63"></div></td>
    <td><span class="style5">Obtained 31 badges total</span></td>
    <td>SGT</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank7.png" width="50" height="75"></div></td>
    <td><span class="style5">Obtained 42 badges total</span></td>
    <td>SSG</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank8.png" width="50" height="83"></div></td>
    <td><span class="style5">Obtained 53 badges total</span></td>
    <td>SFC</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank9.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 64 badges total</span></td>
    <td>MSG</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank10.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 75 badges total</span></td>
    <td>1SG</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td><div align="center"><img src="rank11.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 86 badges total</span></td>
    <td>SGM</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank12.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 97 badges total</span></td>
    <td>CSM</td>
  </tr>
  <tr>
    <td><div align="center"><img src="rank13.png" width="50" height="90"></div></td>
    <td><span class="style5">Obtained 120 badges total</span></td>
    <td>SMA</td>
  </tr>
</table>
<p>&nbsp;</p>
      </div>
      <div id="tab11">
    <h2>Team: Mockup 3</h2>
    <form name = "projectform" action="editteam.html">
    <label>Team Banner</label><br>
    <img src="teambanner.bmp">
    <br>
    <br>
    <u>Members</u>
		      <ul>
		        <li><a href="publicprofile.html">Bob</a></li>
		        <li><a href="publicprofile.html">Mike Jones</a></li>
		        <li><a href="publicprofile.html">John</a></li>
		        <li><a href="publicprofile.html">Fav 5 Freddy</a></li>
		        <li><a href="publicprofile.html">Grand Master Flash</a></li>
		      </ul>   
		<input type="submit" name="accept" value="Edit Team" class="button"/>     
		<br><br>
		</form>
    <h3>Projects</h3>
		<form name="projectform" action="addproject.html">
      <p>
	    <ol>
		  <blockquote>
		    <li>
		    	<b><u><a href="http://code.google.com/p/duedates-ahinahina/" target="_blank">
		    	DueDates 2.0</a></b></u>&nbsp&nbsp&nbsp
		    	<select name="menu" size="1">
        		<option value="1">Completed</option>
        		<option value="2">Active</option>
        	</select>
        </li>
		      <p>Description: 
		      </p>
		      <table>
		      <tr>
			    <td>
			      Portfolio Analysis<br>
			      Date Range: 10-12-2008 to 10-15-2008<br>
			      <center><img border="0" src="portanalysis.jpg" alt="Portfolio Analysis"></center>
				</td>
		        </tr>
		      </table>
		      <table>
		        <tr>
		          <td>
		            Build<br>
		            <a href="build.jpg">
                    <img border="0" src="build.jpg" alt="Build" width="250" height="200">
</a>
		          </td>
                  <td>
		            Commit<br>
		            <a href="commit.jpg">
                    <img border="0" src="commit.jpg" alt="Commit" width="250" height="200">
</a>
		          </td>
		          <td>
				    Churn<br>
				    <a href="churn.jpg">
				    <img border="0" src="churn.jpg" alt="Churn" width="250" height="200">
</a>
		          </td>
                </tr>
		      </table>
		  </blockquote>
		  <br><br>
		  <blockquote>
		    <li><b><u><a href="http://code.google.com/p/duedates-silver/" target="_blank">
		    DD Silver</a></b></u>&nbsp&nbsp&nbsp
		    <select name="menu" size="1">
        	<option value="1">Completed</option>
        	<option value="2">Active</option>
        </select>
        </li><br><br>
		      <p>Description: </p>
		      <table>
		      <tr>
			    <td>
			      Portfolio Analysis<br>
			      Date Range: 10-12-2008 to 10-15-2008<br>
			      <center><img border="0" src="portanalysis.jpg" alt="Portfolio Analysis"></center>
				</td>
		        </tr>
		      </table>
		      <table>
		        <tr>
		          <td>
		            Build<br>
		            <a href="build.jpg">
                    <img border="0" src="build.jpg" alt="Build" width="250" height="200">
</a>
		          </td>
                  <td>
		            Commit<br>
		            <a href="commit.jpg">
                    <img border="0" src="commit.jpg" alt="Commit" width="250" height="200">
</a>
		          </td>
		          <td>
				    Churn<br>
				    <a href="churn.jpg">
				    <img border="0" src="churn.jpg" alt="Churn" width="250" height="200">
</a>
		          </td>
                </tr>
		      </table>
		  </blockquote>
	    </ol>
      </p>
      <input type="submit" name="accept" value="Add Team" class="button"/>
    </form>
      </div>
      <div id="tab12">
<p>Test</p>
      </div>
      <div id="tab13">
<p>Test</p>
      </div>
      <div id="tab14">

<div class="body-text">
<h2>Points configuration</h2>
 <p>
 <form wicket:id="signinForm2" class="hform" action="confirmation.html">
   <fieldset>
   <legend>Use standard points configuration</legend>
   <p>
   <select name="menu" size="1">
        <option value="1">Standard rules</option>
        <option value="2">Extreme rules</option>
        <option value="3">No mercy rules</option>
   </select>
   </p>
   <p><input type="submit" name="accept" value="Accept" class="button">
   <input type="submit" name="cancel" value="Cancel" class="button"></p>
   </fieldset>
 </form>
 </p>
 <p>
 <form wicket:id="signinForm" class="hform" action="confirmation.html">
   <fieldset>
   <legend>Automated Events</legend>
   <table borders="1">
   <th>Event</th>
   <th>Value</th>
   <th>Enabled</th>
   <tr>
   <td><label>Commit early</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Commit often</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Commit regularly</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Don't wait until the last minute</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Keep the repository clean</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Keep the repository really clean</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Perform QA locally before committing</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Keep the coverage high</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Keep the coupling low</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Keep the complexity low</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Collective ownership</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Provide Issue ID in commit messages (Issue Driven Design)</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Every member has an open issue (Issue Driven Design)</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Don't overload developers</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Successful builds</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Failed builds</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable2"></center></td>
   </tr>
   </table>
   <p><input type="submit" name="accept" value="Accept" class="button">
   <input type="submit" name="cancel" value="Cancel" class="button"></p>
   </fieldset>
 </form>
 </p>
 <p>
 <form wicket:id="signinForm" class="hform" action="confirmation.html">
   <fieldset>
   <legend>Self-reported Events</legend>
   <table borders="1">
   <th>Event</th>
   <th>Value</th>
   <th>Enabled</th>
   <tr>
   <td><label>Pair programming</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Code review</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Team meeting</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Toolsmithing</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   </table>
   <p><input type="submit" name="accept" value="Accept" class="button">
   <input type="submit" name="cancel" value="Cancel" class="button"></p>
   </fieldset>
 </form>
 </p>
 <p>
 <form wicket:id="signinForm" class="hform" action="confirmation.html">
   <fieldset>
   <legend>Event Ideas</legend>
   <table borders="1">
   <th>Event</th>
   <th>Value</th>
   <th>Enabled</th>
   <tr>
   <td><label>Commit "right size" chunks</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Meeting the deadline</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Code reuse</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   <tr>
   <td><label>Documentation</label></td>
<td>
<div id="slider-bg" class="yui-h-slider" tabindex="-1" title="Slider">
    <div id="slider-thumb" class="yui-slider-thumb"><img src="yui/examples/slider/assets/thumb-n.gif"></div>
</div>
</td>
   <td><center><input type="checkbox" name="option1" value="enable1"></center></td>
   </tr>
   </table>
   <p><input type="submit" name="accept" value="Accept" class="button">
   <input type="submit" name="cancel" value="Cancel" class="button"></p>
   </fieldset>
 </form>
 </p>
</div> 
      </div>
    </div>
</div>
</div>

</div>


<script>
(function() {
    var tabView = new YAHOO.widget.TabView('demo');
    var subTabView = new YAHOO.widget.TabView('subdemo',{'orientation':'left'});

    YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");

    var Event = YAHOO.util.Event,
        Dom   = YAHOO.util.Dom,
        lang  = YAHOO.lang,
        slider, 
        bg="slider-bg", thumb="slider-thumb", 
        valuearea="slider-value", textfield="slider-converted-value"

    // The slider can move 0 pixels up
    var topConstraint = 0;

    // The slider can move 200 pixels down
    var bottomConstraint = 200;

    // Custom scale factor for converting the pixel offset into a real value
    var scaleFactor = 1.5;

    // The amount the slider moves when the value is changed with the arrow
    // keys
    var keyIncrement = 20;

    var tickSize = 20;

    Event.onDOMReady(function() {

        slider = YAHOO.widget.Slider.getHorizSlider(bg, 
                         thumb, topConstraint, bottomConstraint, 20);

        slider.getRealValue = function() {
            return Math.round(this.getValue() * scaleFactor);
        }

        slider.subscribe("change", function(offsetFromStart) {

            var valnode = Dom.get(valuearea);
            var fld = Dom.get(textfield);

            // Display the pixel value of the control
            valnode.innerHTML = offsetFromStart;

            // use the scale factor to convert the pixel offset into a real
            // value
            var actualValue = slider.getRealValue();

            // update the text box with the actual value
            fld.value = actualValue;

            // Update the title attribute on the background.  This helps assistive
            // technology to communicate the state change
            Dom.get(bg).title = "slider value = " + actualValue;

        });

        slider.subscribe("slideStart", function() {
                YAHOO.log("slideStart fired", "warn");
            });

        slider.subscribe("slideEnd", function() {
                YAHOO.log("slideEnd fired", "warn");
            });

        // Listen for keystrokes on the form field that displays the
        // control's value.  While not provided by default, having a
        // form field with the slider is a good way to help keep your
        // application accessible.
        Event.on(textfield, "keydown", function(e) {

            // set the value when the 'return' key is detected
            if (Event.getCharCode(e) === 13) {
                var v = parseFloat(this.value, 10);
                v = (lang.isNumber(v)) ? v : 0;

                // convert the real value into a pixel offset
                slider.setValue(Math.round(v/scaleFactor));
            }
        });
        
        // Use setValue to reset the value to white:
        Event.on("putval", "click", function(e) {
            slider.setValue(100, false); //false here means to animate if possible
        });
        
        // Use the "get" method to get the current offset from the slider's start
        // position in pixels.  By applying the scale factor, we can translate this
        // into a "real value
        Event.on("getval", "click", function(e) {
            YAHOO.log("Current value: "   + slider.getValue() + "\n" + 
                      "Converted value: " + slider.getRealValue(), "info", "example"); 
        });
    });
})();
</script>
  <div id="body" class="wrapper">
    
    <div id="div-left">
    </div>

    <div id="div-right">
    </div>

    <div id="info">
<b>About this page:</b> 
This page provides a way to determine the number of sensor data instances associated with a 
given project on a given day of the month.  Note that if the project starts or ends during the
month, only those days within the project time interval will be displayed.
     </div>

  </div>

  <div id="footerFeedback"><span></span></div>
  <div id="footerLeft">
    <p><span>jnancheta@gmail.com</span></p>
  </div>
  <div id="footerRight">
   <p>version 8.2.106, 1603</p>
  </div>
</body></html>
